<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订货报表扇形图</title>
<script type="text/javascript"
	src="/wms/js/plugins/highcharts/jquery-1.8.2.min.js"></script>
<script type="text/javascript"
	src="/wms/js/plugins/highcharts/highcharts.js"></script>
<style type="text/css">
${
demo
.css
}
</style>
<script type="text/javascript">
	$(function() {
		$('#container')
				.highcharts(
						{
							chart : {
								plotBackgroundColor : null,
								plotBorderWidth : 1,//null,
								plotShadow : false
							},
							title : {
								text : '订货报表扇形图',
								x : -20
							},
							subtitle : {
								text : '按照' + '<s:property value="#groupType"/>' + '进行分组',
								x : -20
							},
							tooltip : {
								pointFormat : '{series.name}: <b>{point.percentage:.2f}%</b>'
							},
							plotOptions : {
								pie : {
									allowPointSelect : true,
									cursor : 'pointer',
									dataLabels : {
										enabled : true,
										format : '<b>{point.name}</b>: {point.percentage:.2f} %',
										style : {
											color : (Highcharts.theme && Highcharts.theme.contrastTextColor)
													|| 'black'
										}
									}
								}
							},
							series : [ {
								type : 'pie',
								name : '订货总金额',
								data : <s:property value="#datas" escapeHtml="false"/>
							} ]
						});
	});
</script>
</head>
<body>
	<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
</body>
</html>